<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接</title>
</head>

<body>
    <!--超链接标签<a>-->
    <!--href是必须属性-->

    <h3 id="Top">外部链接</h3>
    <!--默认值"self"-->
    <a href="https://ai.taobao.com/?pid=mm_271530168_241450490_67877350489" target="_self">淘宝网</a><br>
    <!--新窗口中打开"blank"-->
    <a href="https://ai.taobao.com/?pid=mm_271530168_241450490_67877350489" target="_blank">淘宝网</a>

    <h3>内部链接</h3>
    <a href="teSt1.html" target="_blank">文本</a><br>
    <a href="teSt2.html">图像</a><br>
    <a href="../p1.jpg" target="_blank">图片一</a><br>

    <h3>空链接</h3>
    <a href="#">首页</a>

    <h3>下载链接</h3>
    如果href里面是文件或压缩文件则会下载这个文件

    <h3>锚点链接</h3>
    <!--练习的时候多写一点内容效果更明显-->
    <h6>著名诗人<h6>
            <div>
                <span><a href="#Li Bai">李白</a></span>
                <span><a href="#Du Fu">杜甫</a></span>
                <span><a href="#Xin Qiji">辛弃疾</a></span>
                <span><a href="#Bai Jvyi">白居易</a></span>
                <span><a href="#Li Qingzhao">李清照</a></span>
            </div>

            <div>
                <p>白朴</p>
                ***<br>
                ***<br>
                ***<br>
                <p>苏轼</p>
                ***<br>
                ***<br>
                ***<br>
                <p>陶渊明</p>
                ***<br>
                ***<br>
                ***<br>
                <p>屈原</p>
                ***<br>
                ***<br>
                ***<br>
                <p>王维</p>
                ***<br>
                ***<br>
                ***<br>
                <p>刘禹锡</p>
                ***<br>
                ***<br>
                ***<br>
                <p>孟浩然</p>
                ***<br>
                ***<br>
                ***<br>
                <p id="Li Bai">李白</p>
                ***<br>
                ***<br>
                ***<br>
                <p id="Du Fu">杜甫</p>
                ***<br>
                ***<br>
                ***<br>
                <p id="Xin Qiji">辛弃疾</p>
                ***<br>
                ***<br>
                ***<br>
                <p id="Bai Jvyi">白居易</p>
                ***<br>
                ***<br>
                ***<br>
                <p id="Li Qingzhao">李清照</p>
                ***<br>
                ***<br>
                ***<br>
            </div>
            <!--点击链接，快速定位到页面中的某个位置-->
            <a href="#Top">回到顶部</a>

</body>

</html>